<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="but">btn</button>
    <button id="but1">clear</button>
</body>
</html>
<script>
    // const btn = document.querySelector('#but')
    // btn.onclick = (e) =>{
    //     console.log(e);
    // }    
    document.onkeydown = (e) => {
        console.log(e)
    }
    // document.mousemove = (e) => {
    //     console.log(e.pageX)
    
    // document.addEventListener("keydown",keydown);
    // //键盘监听，注意：在非ie浏览器和非ie内核的浏览器
    // //参数1：表示事件，keydown:键盘向下按；参数2：表示要触发的事件
    // function keydown(event){
    //     //表示键盘监听所触发的事件，同时传递参数event
    //     switch(event.keyCode){
    //         case 37:
    //             alert("左键");
    //             break;
    //         case 39:
    //             alert("右键");
    //             break;
    //     }
    // }
    // const btn = document.querySelector('#but')
    //         btn2 = document.querySelector('#but1')
    //DOM0级
    // btn.onclick = (e) => {
    //     console.log(e);
    // }
    // btn2.onclick = (e) => {
    //     console.log('123');
    //     btn.onclick = null
    // }
    //DOM2级
    // const f = () =>{
    //     console.log('123');
    // }
    // btn.addEventListener('click',f)
    // btn2.addEventListener('click',(e) => {
    //     btn.removeEventListener('click',f)
    // })
</script>






